@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url(http://themes.googleusercontent.com/static/fonts/monoton/v4/AKI-lyzyNHXByGHeOcds_w.woff) format('woff');
}

body{
  background-color: #EFC721;
  width:80%;
}
/*neon effect*/
p{
  text-align:center;
  font-size:7em;
  margin:20px 0 20px 0;
}

a{
  text-decoration:none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

p:nth-child(1) a{
  color:#1961c6;
  font-family:Monoton;
}
p:nth-child(1) a:hover{
  -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
  -moz-animation: neon1 1.5s ease-in-out infinite alternate;
  animation: neon1 1.5s ease-in-out infinite alternate;
}

p a:hover{
color:#2602db;
}

/*glow for webkit-ket-frames*/
@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #2602db,
               0 0 70px  #2602db,
               0 0 80px  #2602db,
               0 0 100px #2602db,
               0 0 150px #2602db;
  }
  to {
    text-shadow: 0 0 10px #fff,
               0 0 15px  #fff,
               0 0 20px  #fff,
               0 0 30px  #2602db,
               0 0 35px  #2602db,
               0 0 40px  #2602db,
               0 0 50px  #2602db,
               0 0 75px  #2602db;
  }
}


/*glow for mozilla-keyframes*/
@-moz-keyframes neon1 {
  from {
   text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #2602db,
               0 0 70px  #2602db,
               0 0 80px  #2602db,
               0 0 100px #2602db,
               0 0 150px #2602db;
  }
  to {
     text-shadow: 0 0 10px #fff,
               0 0 15px  #fff,
               0 0 20px  #fff,
               0 0 30px  #2602db,
               0 0 35px  #2602db,
               0 0 40px  #2602db,
               0 0 50px #2602db,
               0 0 75px #2602db;
  }
}

/*glow*/
@keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff,
               0 0 20px  #fff,
               0 0 30px  #fff,
               0 0 40px  #2602db,
               0 0 70px  #2602db,
               0 0 80px  #2602db,
               0 0 100px #2602db,
               0 0 150px #2602db;
  }
  to {
  text-shadow: 0 0 10px #fff,
               0 0 15px  #fff,
               0 0 20px  #fff,
               0 0 30px  #2602db,
               0 0 35px  #2602db,
               0 0 40px  #2602db,
               0 0 50px #2602db,
               0 0 75px #2602db;
  }
}